import { useEffect, useState } from "react";
function APP() {
  // 状态数据
  let [number, setNumber] = useState(1);

  // 1.没有依赖项  副作用函数执行时机:初始化 + 组件/状态更新
  /* useEffect(() => {
    console.log("副作用函数执行了");
  }); */
  // 2.依赖项为空数组  副作用函数执行时机:初始化
  /* useEffect(() => {
    console.log("副作用函数执行了");
  }, []); */
  // 3.传入特定的依赖项  副作用函数执行时机: 初始化 + 依赖项变化时执行
  useEffect(() => {
    console.log("副作用函数执行了");
  }, [number]);
  return (
    <>
      <div>number：{number}</div>
      <button onClick={() => setNumber(number + 1)}>点击number加一</button>
    </>
  );
}

export default APP;
